<?php 
  require_once 'inc/fbapp.php';
  require_once 'lib/HTMLUtil.php';
  require_once 'sect/head.php';
  
  $html = new HTMLUtil();
?>
    <body>
    <div id="ext">
      <div id="kwicks_container">
        <ul id="kwicks">
          <li class="red"></li>
          <li class="azzurro"></li>
          <li class="blue"></li>
          <li class="green" style="border:none;"></li>
        </ul>
      </div>
      <?php $html->open_table(); ?>
          <div class="header">Hi <strong><?=$_SESSION[fb_info][first_name] ?></strong>,<br />This is <strong>Music</strong>Talk: Get <strong>Passionate</strong>.</div>
      <?php $html->close_table(); ?>
      
      <?php $html->open_table(null,"box","margin-top:10px;"); ?>
          <div id="menu" class="header"><div style="margin-bottom:10px;">The music is about to <strong>change</strong></div>
          <b>Mp3</b> | <b>Music Videos</b> | <b>Lirycs</b> | <b>Concerts Info</b> | <b>Artist Bio &amp; Discography</b> | <b>Comments &amp; Ratings</b>.</div>
      <?php $html->close_table(); ?>
    </div>
    <script type="text/javascript">
    window.addEvent('domready', function(){
      var szNormal = 117, szSmall  = 78, szFull   = 237;
 
      var kwicks = $$("#kwicks li");
      var fx = new Fx.Elements(kwicks, {wait: false, duration: 280, transition: Fx.Transitions.Back.easeOut});
      kwicks.each(function(kwick, i) {
        kwick.addEvent("mouseenter", function(event) {
          var o = {};
          o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
          kwicks.each(function(other, j) {
            if(i != j) {                                                                                  
              var w = other.getStyle("width").toInt();
              if(w != szSmall) o[j] = {width: [w, szSmall]};
            }
          });
          fx.start(o);
        });
      });
      
      $("kwicks").addEvent("mouseleave", function(event) {
        var o = {};
        kwicks.each(function(kwick, i) {
          o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
        });
        fx.start(o);
      });
      
      $$("#kwicks .red").addEvent('click', function(){window.location = 'song_add.php';});
   }
 );    
    </script>
     <?php $html->footer(); ?>
  </body>
 </html>
